<!DOCTYPE html>
<html lang="zxx">
	<head>
		<!-- all meta -->
		<meta charset="UTF-8">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Page Title -->
		<title>chunjie</title>
		<link rel="icon" href="./assets/images/favicon.ico" type="image/x-icon">
	  	<!-- All css here -->
	  	<!-- Bootstrap css -->
	  	<link rel="stylesheet" href="./assets/plugin/bootstrap/css/bootstrap.min.css">
	  	<!-- fontaweosme css -->
		<link rel="stylesheet" href="./assets/fonts/fontawesome/css/all.css">
		<!-- Style css -->
		<link rel="stylesheet" href="./assets/css/style.css">

		<style>
			.bord-24{
				max-width: 23%;
				height: 370px;
				padding-top: 10px;
				margin: 1%;
    			border-radius: 5px;
    			border: 1px solid rgb(133, 133, 133);
			}
		</style>
	</head>
	<body>
		<!-- Start preloader area -->
		<div class="preloader_area">
			<div class="spinner">
			  	<div class="line1"></div>
			  	<div class="line2"></div>
			  	<div class="line3"></div>
			  	<div class="line4"></div>
			  	<div class="line5"></div>
			  	<div class="line6"></div>
			  	<div class="line7"></div>
			</div>
		</div>
		<!-- End preloader area -->
		<!-- Start header_area area -->
		<header class="header_area transparent_header">
			<div class="container">
				<div class="site_menu">
					<div class="row align-items-center">
						<div class="col-lg-2">
							<div class="site_logo">
								<a href="index.html"><img height="106px" src="assets/images/logo_2.jpg" alt=""></a>
							</div>
						</div>
						<div class="col-lg-10">
							<div class="primary_menu">
								<nav class="main_menu">
									<ul>
										<li><a href="#">-- 春季 --</a>
											<ul class="sub-menu">
												<li><a href="./lichun.html">立春</a></li>
												<li><a href="./yushui.html">雨水</a></li>
                                                <li><a href="./jingzhe.html">惊蛰</a></li>
                                                <li><a href="./chunfen.html">春分</a></li>
                                                <li><a href="./qingming.html">清明</a></li>
                                                <li><a href="./guyu.html">谷雨</a></li>
											</ul>
										</li>
										<li><a href="#">-- 夏季 --</a>
											<ul class="sub-menu">
                                                <li><a href="./lixia.html">立夏</a></li>
                                                <li><a href="./xiaoman.html">小满</a></li>
                                                <li><a href="./mangzhong.html">芒种</a></li>
												<li><a href="./xiazhi.html">夏至</a></li>
												<li><a href="./xiaoshu.html">小暑</a></li>
												<li><a href="./dashu.html">大暑</a></li>
											</ul>
										</li>
										<li><a href="#">-- 秋季 --</a>
											<ul class="sub-menu">
												<li><a href="./liqiu.html">立秋</a></li>
                                                <li><a href="./chushu.html">处暑</a></li>
                                                <li><a href="./bailu.html">白露</a></li>
                                                <li><a href="./qiufen.html">秋分</a></li>
                                                <li><a href="./hanlu.html">寒露</a></li>
                                                <li><a href="./shuangjiang.html">霜降</a></li>
											</ul>
										</li>
										<li><a href="#">-- 冬季 --</a>
											<ul class="sub-menu">
												<li><a href="./lidong.html">立冬</a></li>
                                                <li><a href="./xiaoxue.html">小雪</a></li>
                                                <li><a href="./daxue.html">大雪</a></li>
                                                <li><a href="./dongzhi.html">冬至</a></li>
                                                <li><a href="./xiaohan.html">小寒</a></li>
                                                <li><a href="./dahan.html">大寒</a></li>
											</ul>
										</li>
										<li class="search"><a href="#" ><i class="fas fa-search"></i></a></li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- End header_area area -->

		<!-- Start domar_breadcrumb section -->
		<section class="domar_breadcrumb bg_image" style="background-image: url(assets/images/erss.jpg);">
			<div class="bg_overlay"></div>
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="breadcrumb_content text-center">
							<h2>二十四节气总览</h2>
							<ul>
								<li><a href="#">二十四节气</a></li>
								<li class="active">总览</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End domar_breadcrumb section -->

		<!-- Start tail_style_v1 section -->
		<section class="domar_bloolrs bloolr_v1 section_padding">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-8">
						<div class="section_title text-center">
							<h2>二十四节气</h2>
							<p>节气是指二十四个时节和气候<br>是中国古代订立的一种用来指导农事的补充历法<br>是中华民族劳动人民长期经验的积累成果和智慧的结晶</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/立春.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>立春</h4>
											<h5>2月3-5日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经315度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/立夏.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>立夏</h4>
											<h5>5月5-7日交节</h5>
										</div>
										<div class="text">
											<p>立夏太阳位于黄经45度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/立秋.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>立秋</h4>
											<h5>8月7-9日交节</h5>
										</div>
										<div class="text">
											<p>立夏太阳位于黄经135度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/立冬.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>立冬</h4>
											<h5>11月7-8日交节</h5>
										</div>
										<div class="text">
											<p>立夏太阳位于黄经225度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/雨水.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>雨水</h4>
											<h5>2月18-20日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经330度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/小满.gif" class="img-fluid" alt="" style="margin-top: 10px;">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>小满</h4>
											<h5>5月20-22日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经60度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/处暑.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>处暑</h4>
											<h5>8月22-24日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经150度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/小雪.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>小雪</h4>
											<h5>11月22-23日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经240度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/惊蛰.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>惊蛰</h4>
											<h5>3月5-7日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经345度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/芒种.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>芒种</h4>
											<h5>6月5-7日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经75度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/白露.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>白露</h4>
											<h5>9月7-9日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经165度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/大雪.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>大雪</h4>
											<h5>12月6-8日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经255度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/春分.gif" class="img-fluid" alt="" style="margin-top: 10px;">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>春分</h4>
											<h5>3月20-22日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经0度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/夏至.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>夏至</h4>
											<h5>6月21-22日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经90度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/秋分.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>秋分</h4>
											<h5>9月22-24日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经180度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/冬至.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>冬至</h4>
											<h5>12月21-23日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经270度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/清明.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>清明</h4>
											<h5>4月4-6日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经15度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/小暑.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>小暑</h4>
											<h5>7月6-8日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经105度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/寒露.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>寒露</h4>
											<h5>10月8-9日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经195度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/小寒.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>小寒</h4>
											<h5>1月5-7日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经285度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/谷雨.gif" class="img-fluid" alt="" style="margin-top: 10px;">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>谷雨</h4>
											<h5>4月19-21日交节 </h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经30度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/大暑.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>大暑</h4>
											<h5>7月22-24日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经120度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/霜降.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>霜降</h4>
											<h5>10月23-24日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经210度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-3 col-md-6  col-sm-12 bord-24"  >
						<div class="bloolr_box">
							<div class="domar_img">
								<img src="assets/images/ess/大寒.gif" class="img-fluid" alt="">
								<div class="bg_overlay"></div>
								<div class="overlay_content">
									<div class="domar_content">
										<div class="info">
											<h4>大寒</h4>
											<h5>1月20-21日交节</h5>
										</div>
										<div class="text">
											<p>立春太阳位于黄经300度</p>
										</div>
									
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</section>
        <!-- End tail_style_v1 section -->
		
		<!-- Start domar_footer section -->
		<footer class="domar_footer footer_v1 bg_image" style="background-image: url(assets/images/joined_bg.jpg);">
			<div class="bg_overlay"></div>
			<div class="container">
				<div class="footer_widget_wrapper">
					<div class="row">
						
						<div class="col-lg-3">
							<div class="widget_box">
								<div class="widget_title">
									<h4>春季</h4>
								</div>
								<ul class="widget_link">
									<li><a href="./lichun.html">立春 2月3-5日</a></li>
									<li><a href="./yushui.html">雨水 2月18-20日</a></li>
									<li><a href="./jingzhe.html">惊蛰 3月5-7日</a></li>
									<li><a href="./chunfen.html">春分 3月20-22日</a></li>
									<li><a href="./qingming.html">清明 4月4-6日</a></li>
									<li><a href="./guyu.html">谷雨 4月19-21日</a></li>
								</ul>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="widget_box">
								<div class="widget_title">
									<h4>夏季</h4>
								</div>
								<ul class="widget_link">
									<li><a href="./lixia.html">立夏 5月5-7日</a></li>
									<li><a href="./xiaoman.html">小满 5月20-22日</a></li>
									<li><a href="./mangzhong.html">芒种 6月5-7日</a></li>
									<li><a href="./xiazhi.html">夏至 6月5-7日</a></li>
									<li><a href="./xiaoshu.html">小暑 7月6-8日</a></li>
									<li><a href="./dashu.html">大暑 7月22日-24日</a></li>
								</ul>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="widget_box">
								<div class="widget_title">
									<h4>秋季</h4>
								</div>
								<ul class="widget_link">
									<li><a href="./liqiu.html">立秋 7月22日-24日</a></li>
									<li><a href="./chushu.html">处暑 8月22-24日</a></li>
									<li><a href="./bailu.html">白露 9月7-9日</a></li>
									<li><a href="./qiufen.html">秋分 9月22-24日</a></li>
									<li><a href="./hanlu.html">寒露 10月8-9日</a></li>
									<li><a href="./shuangjiang.html">霜降 10月23-24日</a></li>
								</ul>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="widget_box">
								<div class="widget_title">
									<h4>冬季</h4>
								</div>
								<ul class="widget_link">
									<li><a href="./lidong.html">立冬 10月23-24日</a></li>
									<li><a href="./xiaoxue.html">小雪 11月22-23日</a></li>
									<li><a href="./daxue.html">大雪 12月6-8日</a></li>
									<li><a href="./dongzhi.html">冬至 12月21-23日</a></li>
									<li><a href="./xiaohan.html">小寒 1月5-7日</a></li>
									<li><a href="./dahan.html">大寒 1月20-21日</a></li>
								</ul>
							</div>
						</div>
					
					</div>
				</div>
			
			</div>
		</footer>
		<!-- End domar_footer section -->
		
		<!-- scroll_top -->
		<a id="scroll_top"><i class="fas fa-angle-up"></i></a>
		<!-- jquery  -->
        <script src="./assets/js/vendor/jquery-1.12.4.min.js"></script>
	    <!-- bootstrap js -->
	    <script src="./assets/plugin/bootstrap/js/bootstrap.min.js"></script>    
	    <!-- sidebar_menu js -->
	    <script src="./assets/plugin/sidebar_menu/sidebar-menu.js"></script>
	    <!-- main js -->
		<script src="./assets/js/main.js"></script>

	</body>
</html>